<template>
  <div class="person">
    <h1>中国</h1>
    <h2 ref="title2">浙江</h2>
    <h3>宁波</h3>
    <button @click="showLog">点我输出这个元素</button>
  </div>
</template>

<script setup name="Person">
import {ref}from 'vue'

//创建一个容器,用于存储ref标记的内容
let title2=ref()

function showLog(){
  console.log(title2.value)
}
</script>

<style>
.person {
  background-color: burlywood;
  box-shadow: 0 0 10px;
  border-radius: 10px;
  padding: 10px;
  color: black; /* 设置字体颜色为黑色 */
}
</style>
